<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      // true/false分别代表两种风格，其实用字符串比较科学，方便后续再扩展，但是考虑true/false比较方便，而且目测也没有第三个买家，所以，偷懒了一下
      ccstyle: true
    }
  },
  mounted: function () {
    // if (this.ccstyle) {
    //   require('./assets/skin/111.css')
    // } else {
    //   require('./assets/skin/222.css')
    // }
  },
  components: {},
  methods: {},
  computed: {},
  watch: {}
}
</script>

<style>
html,body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  display: flex;
  flex-flow: column;
  overflow: hidden;
}
</style>
